<template>
	<view class="wordSingleImage" @click="onDetail(content)">
		<view class="title">
			{{content.title}}
		</view>
		<view style="margin-bottom: 14px;">
			<!-- <view class="" v-for="(item,index) in imageData" :key='index' style="width: 33%;height: 75px;margin-right: 0.3%;"> -->
				<image :src="content.fileVOList[0].url" mode="aspectFill"></image>
			<!-- </view> -->
		</view>
		<view class="flexBetween">
			<view class="bottomLeft">
				<span style='margin-right: 17px;'>{{content.columnName}}</span>
				<span style='margin-right: 7px;'>阅读</span>
				<span>{{content.readNumber}}</span>
			</view>
			<view class="bottomRight">
				<span style='margin-right: 7px;'>{{content.author}}</span>
				<span>{{content.releaseDate}}</span>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				wordTitle: '不再让安全部门负责安全，而是各级管理者负责！杜邦200年前就这样做了！',
				imageData:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.xingzuoyunshi.cn%2Fupload%2Fstardom%2F4%2F0024.jpg&refer=http%3A%2F%2Fwww.xingzuoyunshi.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1625796885&t=00ffe9966dc779e84d43cf40766c7660'
			}
		},
		props:['content'],
		// author: null
		// columnId: "b1dc0458d41311ebaa500242ac110002"
		// columnName: "公共栏目1"
		// fileVOList: [{contentId: "2c3bfa0d007d49ebbc95c9cda63f49dd",…}]
		// id: "2c3bfa0d007d49ebbc95c9cda63f49dd"
		// readNumber: 0
		// releaseDate: "2021-06-24"
		// title: "测试内容2"
		// type: "2"
		methods: {
			onDetail(val){
				uni.navigateTo({
					url: `../articleDetails/articleDetails?id=${val.id}&read=${val.read}&readRest=${val.readRest}`
				});
			}
		},
		onLoad() {
			// console.log(this.content);
			
		}
	}
</script>

<style scoped>
	/* .wordSingleImage{
		padding: 11px 0;
		margin: 0 15px;
		border-bottom: 1px solid #f0f0f0;
	} */
	.title{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 14px;
	}
	.bottomRight{
		color: #666;
		font-size: 11px
	}
	.bottomLeft{
		color: #666;
		font-size: 12px
	}
	::v-deep image{
		width: 100%;
		height: 190px;
	}
</style>
